<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>后台首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Author" content="larry" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="Shortcut Icon" href="/static/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="/static/larryms/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="/static/larryms/css/admin/base.css" media="all">
    <link rel="stylesheet" type="text/css" href="/static/larryms/css/admin/console.css">
</head>

<body class="larry-bg-gray">

    <div class="layui-fluid">
        <div class="larry-container">
            <!-- 快捷导航 -->
            <div class="layui-row larry-shortcut layui-col-space15" id="shortcut">
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col">
                    <section class="shortcut pos-r larry-ico-rotate">
                        <a   class="pos-r"  data-icon="larry-daohang" data-font="larry-icon">
                            <div class="larry-ico larry-bg-red"><i class="layui-icon layui-icon-template-1"></i></div>
                            <div class="larry-value">
                                <span class="nums" id="msgNums">{{ xuniji_count }}</span>
                                <cite>虚拟机</cite>
                            </div>
                        </a>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col">
                    <section class="shortcut pos-r larry-ico-rotate">
                        <a    data-icon="larry-chanpinC" data-font="larry-icon">
                            <div class="larry-ico larry-bg-two"><i class="larry-icon larry-chanpinC"></i></div>
                            <div class="larry-value">
                                <span class="nums" id="msgNums">{{ wuliji_count }}</span>
                                <cite>物理机</cite>
                            </div>
                        </a>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col layui-hide-xs">
                    <section class="shortcut pos-r larry-ico-rotate">
                        <a  class="pos-r"   data-icon="larry-pc" data-font="larry-icon">
                            <div class="larry-ico larry-bg-green"><i class="larry-icon larry-fold5"></i></div>
                            <div class="larry-value">
                               <span class="nums" id="msgNums">{{ suzhuji_count }}</span>
                                <cite>宿主机</cite>
                            </div>
                        </a>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col  layui-hide-xs">
                    <section class="shortcut pos-r larry-ico-rotate">
                        <a larry-tab="iframe" class="pos-r" data-url='http://www.fanglianchao.top' data-icon="larry-xiangmu" data-font="larry-icon" >
                            <div class="larry-ico larry-bg-purple"><i class="larry-icon larry-yingyongzhongxin"></i></div>
                            <div class="larry-value">
                               <span class="nums" id="msgNums">0</span>
                                <cite>中间件</cite>
                            </div>
                        </a>
                    </section>
                </div>
                
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col">
                    <section class="shortcut pos-r larry-ico-rotate">
                        <a larry-tab="iframe" class="pos-r" data-url='https://github.com/qingduyu/roe' data-icon="larry-message_icon" data-font="larry-icon" >
                            <div class="larry-ico larry-bg-orange"><i class="larry-icon larry-shujuku1"></i></div>
                            <div class="larry-value">
                                <span class="nums" id="msgNums">{{ oracle_count }}</span>
                                <cite>Oracle</cite>
                            </div>
                        </a>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2 larry-col">
                    <section class="shortcut larry-ico-rotate">
                        <a larry-tab="iframe" class="pos-r" data-url='admin/content/list.html' data-icon="larry-neirongguanli1" data-font="larry-icon" >
                            <div class="larry-ico larry-bg-blue"><i class="larry-icon larry-shujuku"></i></div>
                            <div class="larry-value">
                                <span class="nums" id="artNums">{{ mysql_count }}</span>
                                <cite>mysql</cite>
                            </div>
                        </a>
                    </section>
                </div>
            </div>
            <!-- 面板 -->
            <div class="layui-row layui-col-space15">
                <!-- 更新检查 -->
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md6 layui-col-lg6">
                    <section class="larry-panel top1 layui-hide-xs">
                        <div class="larry-panel-header">
                            <h3 class="larry-panel-title">基本介绍</h3>
                            <i class="larry-icon larry-unfold1 tools"></i>
                        </div>
                        <div class="larry-panel-body">
                            <div class="update">
                                <div class="larryms clearfix">
                                    <span class="logo larry-bg-green">鱼仔系统</span>
                                    <div class="larryms-text">
                                        <h3 class="larryms-intoduce">鱼仔自动化运维管理系统</h3>
                                        <ul class="larryms-intoduce-ul">
                                            <li>
                                                roeops 是一套基于layui 作为前端框架，django 作为后台框架的完全开源自动化运维管理系统, roeops 结合作者工作经验和各种开源技术，旨在帮助企业提高工作效率，节省运维成本。
                                            </li>
                                            <li>
                                                您可以roeops为基础，开发自己的系统和模块，如DB管理，工单，CMDB，中间件管理等
                                            </li>
                                            <li>
                                                roeops 紧贴业务场景，以实际运维需求为向导，屏除无效和面子项目，使用了大量的开源组件，最大程度上帮助企业和开发者个人节省时间成本和费用开支。
                                            </li>
                                        </ul>
                                        <div class="larryms-forums">
                                            <a href="http://www.roeops.com/" target="_blank" class="larryms-btn larryms-btn-xs ">体验网址</a>
                                            <a href="http://www.roeops.com/doc.html" target="_blank" class="larryms-btn larryms-btn-xs larryms-btn-normal">开发者文档</a>
                                            <a href="tencent://message/?uin=554712718&Site=qq&Menu=yes" target="_blank" class="larryms-btn larryms-btn-xs">与作者联系</a>
                                            <a href="/" target="_blank" class="larryms-btn larryms-btn-xs larryms-btn-balcks">服务协议（用起来再说）</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                <!-- larryMS系统概览 -->
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md6 layui-col-lg6">
                    <section class="larry-panel top1">
                        <div class="larry-panel-header">
                            <h3 class="larry-panel-title">版本信息 <a href="http://github.com/qingduyu/roe" target="_blank"><em>[</em><span >roeops 2.0 dev</span><em>]</em></a></h3>
                            <i class="larry-icon larry-unfold1 tools"></i>
                        </div>
                        <div class="larry-panel-body">
                            <table class="layui-table larry-table-info">
                                <colgroup>
                                    <col width="150">
                                    <col>
                                </colgroup>
                                <tbody>
                                    <tr>
                                        <td><span class="tit">产品名称:</span></td>
                                        <td><span class="info">鱼仔技术</span></td>
                                    </tr>
                                    <tr>
                                        <td><span class="tit">当前版本:</span></td>
                                        <td><span class="info iframe "> 鱼仔技术开发版</span><a href="http://www.fanglianchao.top" target="_blank" class="p3 larryms-f-blue">系统文档</a></td>
                                    </tr>
                                    <tr>
                                        <td><span class="tit">版本选取:</span></td>
                                        <td>python 2.7 django 1.11, layui 2.4.5</td>
                                    </tr>
                                    <tr>
                                        <td><span class="tit">开发作者:</span></td>
                                        <td>鱼仔 （ QQ:554712718 ）</td>
                                    </tr>
                                    <tr>
                                        <td><span class="tit">系统特点:</span></td>
                                        <td>门槛地，设计独立，便于学习进阶，实用性强</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </section>
                </div>
            </div>
            <div class="larryms-card layui-row layui-col-space15 larryms-products">
                <!-- 常用板块 -->
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                    <section class="layui-card">
                        <div class="layui-card-body ui-a">
                            <i class="larry-icon larry-faxianhover"></i>
                            <p>资产管理</p>
                            <div class="label-content">
                                <span class="label label-default label-outline">自动扫描</span>
                                <span class="label label-default label-outline">手动添加</span>
                                <span class="label label-default label-outline">业务树</span>
                                <span class="label label-default label-outline">DB资产</span>
                                <span class="label label-default label-outline">中间件</span>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                    <section class="layui-card">
                        <div class="layui-card-body ui-b">
                            <i class="larry-icon larry-shuxingkongjian"></i>
                            <p>作业平台</p>
                            <div class="label-content">
                                <span class="label label-default label-outline">快速命令</span>
                                <span class="label label-default label-outline">脚本执行</span>
                                <span class="label label-default label-outline">分发文件</span>
                                <span class="label label-default label-outline">步骤形式作业</span>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                    <section class="layui-card">
                        <div class="layui-card-body ui-c">
                            <i class="larry-icon larry-caijiqizu"></i>
                            <p>中间件管理</p>
                            <div class="label-content">
                                <span class="label label-default label-outline">tomcat</span>
                                <span class="label label-default label-outline">nginx</span>
                                <span class="label label-default label-outline">httpd</span>
                                <span class="label label-default label-outline">DNS</span>
                                <span class="label label-default label-outline">部署</span>
                                 <span class="label label-default label-outline">配置</span>
                                   <span class="label label-default label-outline">快捷命令</span>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                    <section class="layui-card">
                        <div class="layui-card-body ui-d">
                            <i class="larry-icon larry-code"></i>
                            <p>代码</p>
                            <div class="label-content">
                                <span class="label label-default label-outline">项目配置</span>
                                <span class="label label-default label-outline">参数配置</span>
                                <span class="label label-default label-outline">编译上线</span>
                                <span class="label label-default label-outline">非编译上线</span>
                                <span class="label label-default label-outline">jekins</span>
                                <span class="label label-default label-outline">gitlab</span>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                    <section class="layui-card">
                        <div class="layui-card-body ui-e">
                            <i class="larry-icon larry-xitong1"></i>
                            <p>系统管理</p>
                            <div class="label-content">
                                <span class="label label-default label-outline">用户</span>
                                <span class="label label-default label-outline">角色</span>
                                <span class="label label-default label-outline">菜单</span>
                                <span class="label label-default label-outline">配置</span>
                                <span class="label label-default label-outline">用户-角色</span>
                                <span class="label label-default label-outline">菜单-角色</span>
                                <span class="label label-default label-outline">功能-角色</span>
                                <span class="label label-default label-outline">数据-角色</span>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
                    <section class="layui-card">
                        <div class="layui-card-body ui-f">
                            <i class="larry-icon larry-shujuku2"></i>
                            <p>DB管理</p>
                            <div class="label-content">
                                <span class="label label-default label-outline">MYSQL</span>
                                <span class="label label-default label-outline">ORACLE</span>
                                <span class="label label-default label-outline">MongoDB</span>
                                <span class="label label-default label-outline">Redis</span>
                                <span class="label label-default label-outline">部署</span>
                                <span class="label label-default label-outline">快捷命令</span>
                                <span class="label label-default label-outline">远程执行</span>
                                <span class="label label-default label-outline">备份检查</span>
                            </div>
                        </div>
                    </section>
                </div>
            </div>

{#            <div class="layui-row layui-col-space15">#}
{#                <!-- 网站数据统计 -->#}
{#                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">#}
{#                    <section class="larry-panel">#}
{#                        <div class="larry-panel-header">#}
{#                            <h3 class="larry-panel-title">数据概览</h3>#}
{#                            <i class="larry-icon larry-unfold1 tools"></i>#}
{#                        </div>#}
{#                        <div class="larry-panel-body">#}
{#                            <div class="count-data" id="larryCount">#}
{#                            </div>#}
{#                        </div>#}
{#                    </section>#}
{#                </div>#}
{#            </div>#}
            <div class="layui-hide" id="qrcodeBox">
                <style>
                .qrcode {
                    display: block;
                    width: 300px;
                    height: 300px;
                    margin: 0 auto;
                    margin-top: 10px;
                    position: relative;
                }
                .qrcode .qrcode-logo{
                    display: block;
                    width: 48px;
                    height: 48px;
                    position: absolute;
                    top: 120px;
                    left: 126px;
                    border-radius: 6px;
                }
                </style>
                <div class="qrcode" id="qrcode">
                    <img class="qrcode-logo" src="/static/larryms/images/logo.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 加载js文件-->
    <script type="text/javascript" src="/static/larryms/layui/layui.js"></script>

    <script type="text/javascript">
        layui.cache.rightMenu = 'false';
    {#layui.cache.page = 'console';#}
    layui.config({
        version: "2.0.8",
        base: '/static/larryms/',
        identified: 'main',
        rightmenu:'fasle'
    }).extend({
        larry: 'js/base'
    }).use(['larry','jquery','larryms'],function () {

	var $ = layui.$,
		larryms = layui.larryms,
		util = layui.util,
		device = layui.device();

	larryms.panel();
	$('.versionT').text(larryms.version);
	if(device.ie){
		$('body').addClass('ie-bug');
	}else{
		$('body').removeClass('ie-bug');
	}



});


    </script>
</body>

</html>